<template>
  <div>
    <!-- el-checkbox
           v-model:值的双向绑定
                 如果v-model后面的初始值为非数组，它最终的值只能是boolean值,选中：true,不选中就是false
                     同意条款
                 如果v-model后面的初始值为数组，选中后就是在数组中添加该项的label的值
           label:选中该项后的值
           需求：
              你去过哪些地方？
                 石岩     西丽     兴东

     -->
    <h1>{{ testStr }}</h1>
    <button @click="testFn">点击</button>
    <h3>{{ checkedValue }}</h3>
    <span>你去过哪些地方？</span>
    <el-checkbox v-model="checkedValue" label="宝安石岩">石岩</el-checkbox>
    <el-checkbox v-model="checkedValue" label="宝安西丽">西丽</el-checkbox>
    <el-checkbox v-model="checkedValue" label="宝安兴东">兴东</el-checkbox>
  </div>
</template>
<script>
// import mixinjs from '@/mixins'
export default {
  // mixins: [mixinjs],
  data() {
    return {
      checkedValue: [],
      testStr: '我是首页'
    }
  }
}
</script>
<style></style>
